<template>
        <!-- scoped 样式会影响子组件的根元素，但不会影响子组件内部的非根元素。你的问题是因为子组件的 .title 类被应用在了根元素上。 -->
        <div>
            <h4 class="title" @click="send">
                我是子组件 -- a: {{ fn() }}
            </h4>
        </div>
</template>

<script>
    export default {
        props:['a'],
        setup(props, ctx){
            function fn(){
                console.log(ctx.attrs.b)
               return props.a;
                
            }

            function send() {
                ctx.emit('myfn',"子组件MyChild的传递数据")
            }
            return {fn,send}
        }
    }
</script>

<style scoped>
.title{
    color:lightsteelblue;
}
</style>